<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateNotAlerta.xhtml">

<ui:define name="body">

	<table align="right">
		<tr>
			<td>
				<h:commandButton immediate="true"
					onclick="abrirPopup('help_online/help_consultar_pedidos.seam');" 
					title="Ajuda Online"
					alt="Ajuda Online"
					image="img/help_peq.jpg"/>
			</td>
		</tr>
	</table>
	
	<h2 class="title"><a href="#">Consultar Pedidos</a></h2><br/>
	
    <h:form id="consultaPedidosForm">

	        <h:panelGrid columns="1">
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Tipo de pedido:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.tipoPedido}">
	        			<f:selectItem itemLabel="Todos" itemValue=""/>
	        			<f:selectItem itemLabel="Pet Shop" itemValue="P"/>
	        			<f:selectItem itemLabel="Veterinária" itemValue="C"/>
	        		</h:selectOneMenu>
	        	</s:decorate>
	        
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Cliente:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.idCliente}"
	        			rendered="false">
	        			<f:selectItems value="#{consultarPedidosController.listaClientes}" />
	        		</h:selectOneMenu>
	        		<h:inputText value="#{consultarPedidosController.clienteSelecionado.dscNome}" 
	        			readonly="true" size="30"
	        			rendered="#{usuarioLogado.cliente == null}"
	        			onclick="#{rich:component('modalPesqClientes')}.show()"/>
	        		<h:inputText value="#{consultarPedidosController.clienteSelecionado.dscNome}"
	        			rendered="#{usuarioLogado.cliente != null}" size="50" 
	        			readonly="true"/>
	        		<a:commandButton value="Selecionar"
	        			rendered="#{usuarioLogado.cliente == null}"
						onclick="#{rich:component('modalPesqClientes')}.show()"
						reRender="pesqClienteForm"/>
	        	</s:decorate>
	        	
	        	<s:decorate template="/layout/edit.xhtml" rendered="false">
	        		<ui:define name="label">Pet:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.idPet}">
	        			<f:selectItems value="#{consultarPedidosController.listaPets}" />
	        		</h:selectOneMenu>
	        	</s:decorate>
	        
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Período:</ui:define>
	        		<rich:calendar value="#{consultarPedidosController.parametrosConsulta.dataInicio}"
	        			datePattern="dd/MM/yyyy"/>
	        		à
	        		<rich:calendar value="#{consultarPedidosController.parametrosConsulta.dataFim}"
	        			datePattern="dd/MM/yyyy"/>
	        	</s:decorate>
	        	
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Serviço:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.idServico}"
	        			style="width:300px;">
	        			<f:selectItems value="#{consultarPedidosController.listaServicos}" />
	        		</h:selectOneMenu>
	        	</s:decorate>
	        	
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Produto:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.idProduto}"
	        			style="width:300px;">
	        			<f:selectItems value="#{consultarPedidosController.listaProdutos}" />
	        		</h:selectOneMenu>
	        	</s:decorate>
	        	
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Pedidos de Pacote?:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.isPacote}">
	        			<f:selectItem itemLabel="Todos" itemValue=""/>
	        			<f:selectItem itemLabel="SIM" itemValue="S"/>
	        			<f:selectItem itemLabel="NÃO" itemValue="N"/>
	        		</h:selectOneMenu>
	        	</s:decorate>
	        	
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Pedidos pagos?:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.flgPago}">
	        			<f:selectItem itemLabel="Todos" itemValue=""/>
	        			<f:selectItem itemLabel="SIM" itemValue="T"/>
	        			<f:selectItem itemLabel="NÃO" itemValue="F"/>
	        		</h:selectOneMenu>
	        	</s:decorate>
	        	
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Forma de pagamento:</ui:define>
	        		<h:selectOneMenu value="#{consultarPedidosController.parametrosConsulta.idFormaPagamento}"
	        			style="width:300px;">
	        			<f:selectItems value="#{consultarPedidosController.listaFormasPagamento}"/>
	        		</h:selectOneMenu>
	        	</s:decorate>
	        	
	        </h:panelGrid>
	        
	        <div class="actionButtons">
	            <h:commandButton id="pesq" value="Pesquisar" action="#{consultarPedidosController.pesquisar}"
	            	onclick="#{rich:component('carregando')}.show()"/>
	        </div>
	        
	        <center>
	        	<h1>RESULTADO</h1>
	        </center>
	        
	        	<rich:dataTable var="_result" value="#{consultarPedidosController.listaPedidos}"
	        		rows="10" id="tabelaPedidos">
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="CLIENTE"/></f:facet>
	        			<h:outputText value="#{_result.cliente.dscNome}"/>
	        			
	        			<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Pacote?</strong>
											<h:outputText value="SIM" rendered="#{_result.pacote != null}"/>
	        								<h:outputText value="NÃO" rendered="#{_result.pacote == null}"/>
											<br/>
											<strong>Pago?</strong>
											<h:outputText value="SIM" rendered="#{_result.flgPago == 'T'}"/>
	        								<h:outputText value="NÃO" rendered="#{_result.flgPago == 'F'}"/>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="DATA"/></f:facet>
	        			<h:outputText value="#{_result.dtaPedido}">
	        				<s:convertDateTime pattern="dd/MM/yyyy"/>
	        			</h:outputText>
	        			
	        			<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Pacote?</strong>
											<h:outputText value="SIM" rendered="#{_result.pacote != null}"/>
	        								<h:outputText value="NÃO" rendered="#{_result.pacote == null}"/>
											<br/>
											<strong>Pago?</strong>
											<h:outputText value="SIM" rendered="#{_result.flgPago == 'T'}"/>
	        								<h:outputText value="NÃO" rendered="#{_result.flgPago == 'F'}"/>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="SERVIÇOS"/></f:facet>
	        			<a:commandLink value="DETALHAR"
	        				action="#{consultarPedidosController.detalharServicos(_result)}"
	        				oncomplete="#{rich:component('painelServicos')}.show()"
	        				reRender="tabelaServicosPedido"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="PRODUTOS"/></f:facet>
	        			<a:commandLink value="DETALHAR"
	        				action="#{consultarPedidosController.detalharProdutos(_result)}"
	        				oncomplete="#{rich:component('painelProdutos')}.show()"
	        				reRender="tabelaProdutosPedido"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="VALOR"/></f:facet>
	        			<h:outputText value="#{_result.vlrPedido}" converter="conversorMonetario"/>
	        			<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Pacote?</strong>
											<h:outputText value="SIM" rendered="#{_result.pacote != null}"/>
	        								<h:outputText value="NÃO" rendered="#{_result.pacote == null}"/>
											<br/>
											<strong>Pago?</strong>
											<h:outputText value="SIM" rendered="#{_result.flgPago == 'T'}"/>
	        								<h:outputText value="NÃO" rendered="#{_result.flgPago == 'F'}"/>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value=""/></f:facet>
	        			<h:commandLink value="RECIBO" action="#{consultarPedidosController.emitirRecibo(_result)}" 
	        				target="blank"/>
	        		</rich:column>
	        		
	        		<f:facet name="footer">
	        			<rich:columnGroup>
	        				<rich:column colspan="7">
	        					<h:outputText value="VALOR TOTAL: R$ " />
	        					<h:outputText value="#{consultarPedidosController.valorTotal}" converter="conversorMonetario"/>
	        				</rich:column>
	        			</rich:columnGroup>
	        		</f:facet>
	        	</rich:dataTable>
	        	<rich:datascroller for="tabelaPedidos"/>

	        	<h:commandButton action="#{excelExporter.export('consultaPedidosForm:tabelaPedidos')}"
	        		rendered="#{consultarPedidosController.listaPedidos.size() > 0}" 
	        		value="EXPORTAR EXCEL" />
	        
    </h:form>
    
    <rich:modalPanel  id="painelServicos" 
	    height="400" width="600">
	    <f:facet name="header">
	        <h:outputText value="Serviços do Pedido" />
	    </f:facet>
	    <f:facet name="controls">
	    	<h:graphicImage value="/img/publish_x.png" id="hidelink"/>
            <rich:componentControl for="painelServicos" attachTo="hidelink" operation="hide" event="onclick"/>
	    </f:facet>
	    <h:form id="painalServForm">
		    <rich:dataTable value="#{consultarPedidosController.servicosPedido}"
		    	var="_serv" rows="7" id="tabelaServicosPedido">
		    	<f:facet name="header">
		    		<rich:columnGroup>
			    		<rich:column>
							<h:outputText value="SERVIÇO"/>		    		
			    		</rich:column>
			    		<rich:column>
							<h:outputText value="PET"/>		    		
			    		</rich:column>
			    		<rich:column>
							<h:outputText value="VALOR"/>		    		
			    		</rich:column>
		    		</rich:columnGroup>
		    	</f:facet>
		    	<rich:columnGroup>
		    		<rich:column>
			    		<h:outputText value="#{_serv.servico.dscNome}"/>
			    	</rich:column>
			    	
			    	<rich:column>
			    		<h:outputText value="#{_serv.pet.dscNome}"/>
			    	</rich:column>
			    	
			    	<rich:column>
			    		<h:outputText value="#{_serv.servico.vlrServico}"
			    			converter="conversorMonetario"/>
			    	</rich:column>
		    	</rich:columnGroup>
		    	<f:facet name="footer">
		    		<rich:columnGroup>
			    		<rich:column colspan="2">
							<h:outputText value="TOTAL"/>		    		
			    		</rich:column>
			    		<rich:column>
							<h:outputText value="#{consultarPedidosController.valorTotalServicos}" 
								converter="conversorMonetario"/>		    		
			    		</rich:column>
		    		</rich:columnGroup>
		    	</f:facet>
		    </rich:dataTable>
		    <rich:datascroller for="tabelaServicosPedido"/>
		    <br/>
		    <center>
		    	<a:commandButton value="FECHAR"
		    		onclick="#{rich:component('painelServicos')}.hide()"
		    		ajaxSingle="true"/>
		    </center>
	    </h:form>    
	</rich:modalPanel>
	
	<rich:modalPanel  id="painelProdutos" 
	    height="400" width="600">
	    <f:facet name="header">
	        <h:outputText value="Produtos do Pedido" />
	    </f:facet>
	    <f:facet name="controls">
	    	<h:graphicImage value="/img/publish_x.png" id="hidelink2"/>
            <rich:componentControl for="painelProdutos" attachTo="hidelink2" operation="hide" event="onclick"/>
	    </f:facet>
	    <h:form id="painalProdForm">
		    <rich:dataTable value="#{consultarPedidosController.produtosPedido}"
		    	var="_prod" rows="7" id="tabelaProdutosPedido">
		    	<f:facet name="header">
		    		<rich:columnGroup>
			    		<rich:column>
							<h:outputText value="PRODUTO"/>		    		
			    		</rich:column>
			    		<rich:column>
							<h:outputText value="VALOR"/>		    		
			    		</rich:column>
		    		</rich:columnGroup>
		    	</f:facet>
		    	<rich:columnGroup>
		    		<rich:column>
			    		<h:outputText value="#{_prod.produto.dscFabricante} - #{_prod.produto.dscNome} - #{_prod.produto.dosagem}"/>
			    	</rich:column>
			    	
			    	<rich:column>
			    		<h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario"/>
			    	</rich:column>
		    	</rich:columnGroup>
		    	<f:facet name="footer">
		    		<rich:columnGroup>
			    		<rich:column>
							<h:outputText value="TOTAL"/>		    		
			    		</rich:column>
			    		<rich:column>
							<h:outputText value="#{consultarPedidosController.valorTotalProdutos}"
								converter="conversorMonetario"/>		    		
			    		</rich:column>
		    		</rich:columnGroup>
		    	</f:facet>
		    </rich:dataTable>
		    <rich:datascroller for="tabelaProdutosPedido"/>
		    <br/>
		    <center>
			    <a:commandButton value="FECHAR"
			    	onclick="#{rich:component('painelProdutos')}.hide()"
			    	ajaxSingle="true"/>
		    </center>
	    </h:form>    
	</rich:modalPanel>

	 <rich:modalPanel id="modalPesqClientes" height="600" width="700">
       	<f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Pesquisar clientes"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/img/close.png" styleClass="hidelink" id="hidelink4"/>
                <rich:componentControl for="modalPesqClientes" attachTo="hidelink4" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>

		<h:form id="pesqClienteForm">
			<a:region>
				<h:panelGrid columns="2">
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Nome:</ui:define>
						<h:inputText value="#{consultarPedidosController.parametrosClientes.cliente.dscNome}"
							maxlength="200"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone celular:</ui:define>
						<h:inputText value="#{consultarPedidosController.parametrosClientes.cliente.telCelular}"
							maxlength="14"
							onkeydown="Mascara(this,Telefone);"
							onkeyup="Mascara(this,Telefone);"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Telefone residencial:</ui:define>
						<h:inputText value="#{consultarPedidosController.parametrosClientes.cliente.telResidencial}"
							maxlength="14"
							onkeydown="Mascara(this,Telefone);"
							onkeyup="Mascara(this,Telefone);"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Endereço:</ui:define>
						<h:inputText value="#{consultarPedidosController.parametrosClientes.cliente.dscEndereco}"
							maxlength="200"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Cidade:</ui:define>
						<h:inputText value="#{consultarPedidosController.parametrosClientes.cliente.dscCidade}"
							maxlength="100"/>
					</s:decorate>
					
					<s:decorate template="/layout/edit.xhtml">
						<ui:define name="label">Nome do pet:</ui:define>
						<h:inputText value="#{consultarPedidosController.parametrosClientes.nomePet}"
							maxlength="100"/>
					</s:decorate>
				</h:panelGrid>
				<br/>
				<center>
					<a:commandButton value="PESQUISAR" action="#{consultarPedidosController.pesquisarClientes}"
						onclick="#{rich:component('carregando')}.show()"
						oncomplete="#{rich:component('carregando')}.hide()"
						reRender="pesqClienteForm"/>
				</center>
				<br/><br/>
			</a:region>
			<rich:dataTable value="#{consultarPedidosController.listaClientes}"
				var="_cliente"
				rows="5"
				id="tabelaClientes">
				<rich:column>
					<f:facet name="header">Nome do Cliente</f:facet>
					<h:outputText value="#{_cliente.dscNome}"/>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Cidade</f:facet>
					<h:outputText value="#{_cliente.dscCidade}"/>
				</rich:column>
				
				<rich:column>
					<f:facet name="header">Pets</f:facet>
					<rich:dataList value="#{_cliente.recuperaListaPets()}"
						var="_pet">
						<h:outputText value="#{_pet.dscNome}"/>
					</rich:dataList>
				</rich:column>
				
				<rich:column>
					<f:facet name="header"></f:facet>
					<a:commandLink value="SELECIONAR"
						action="#{consultarPedidosController.selecionarCliente(_cliente)}"
						onclick="#{rich:component('modalPesqClientes')}.hide()"
						reRender="consultaPedidosForm"/>
				</rich:column>
			</rich:dataTable>
			<rich:datascroller for="tabelaClientes" />
		</h:form>             
       </rich:modalPanel>
 </ui:define>
</ui:composition>
